/* pages/topList/index.wxss */
.top250-page {
  height: 100%;
  .box-hover {
    background: #f0f0f0;
  }
  .top250-box {
    display: flex;
    align-items: center;
    padding: 30rpx;
    .left {
      font-size: 0;
      width: 230rpx;
      height: 230rpx;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10rpx;
      box-shadow: 2rpx 2rpx 16rpx #bcbcbc;
      .movie-img {
        width: 100%;
        height: 100%;
      }
      z-index: 1;
    }
    .right {
      border: 1px solid #e0e0e0;
      border-top-right-radius: 14rpx;
      border-bottom-right-radius: 14rpx;
      border-left: none;
      flex: 1;
      height: 180rpx;
      padding-left: 30rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
      .m-name {
        font-size: 28rpx;
        font-weight: bold;
        color: #2c2c2c;
      }
      .score-box {
        margin: 10rpx 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        image {
          // 加载完会闪一下, 从大图片变成小图片。高度直接设置为0, 因为widthFix, 它会自动撑高
          height: 0rpx;
          width: 28rpx !important;
        }
        text {
          padding: 0 10rpx;
          font-size: 28rpx;
          color: #ffac2d;
        }
      }
      .title {
        font-size: 24rpx;
        color: #747373;
      }
    }
  }
}